Jejak pengalaman belajar dan sharing IT saya, semua tertuang disini.

Login Member

Materi Mata Kuliah

00 jam 00 menit 00 detik

    Materi belum tersedia

00 jam 00 menit 00 detik

    Materi belum tersedia

03 jam 10 menit 00 detik

02 jam 10 menit 00 detik

02 jam 09 menit 00 detik

02 jam 01 menit 00 detik

00 jam 50 menit 00 detik

00 jam 00 menit 00 detik

    Materi belum tersedia

00 jam 38 menit 00 detik

00 jam 10 menit 00 detik

00 jam 50 menit 00 detik

00 jam 00 menit 00 detik

    Materi belum tersedia

00 jam 00 menit 00 detik

    Materi belum tersedia

00 jam 00 menit 00 detik

    Materi belum tersedia

00 jam 00 menit 00 detik

    Materi belum tersedia

00 jam 00 menit 00 detik

    Materi belum tersedia

Fungsi (Function)

Fungsi (function) adalah blok kode yang dapat digunakan kembali untuk menjalankan tugas tertentu. Dengan fungsi, kita tidak perlu menulis kode yang sama berulang kali sehingga program menjadi lebih rapi, efisien, dan mudah dikelola.

1. Pengertian Fungsi

Fungsi adalah sekumpulan perintah yang dibungkus dalam satu nama dan dapat dipanggil kapan saja saat dibutuhkan.

2. Membuat Fungsi (Function Declaration)

Struktur:

 
function namaFungsi() {
// kode yang dijalankan
}
 

Contoh:

 
function sapa() {
console.log("Halo, selamat belajar JavaScript");
}
 

3. Memanggil Fungsi

Fungsi harus dipanggil agar bisa dijalankan.

 
sapa();
 

4. Fungsi dengan Parameter

Parameter digunakan untuk menerima nilai dari luar fungsi.

Contoh:

 
function sapa(nama) {
console.log("Halo " + nama);
}

sapa("Budi");
 

5. Fungsi dengan Return Value

Return digunakan untuk mengembalikan nilai dari fungsi.

Contoh:

 
function tambah(a, b) {
return a + b;
}

let hasil = tambah(5, 3);
console.log(hasil); // 8
 

6. Function Expression

Fungsi juga bisa disimpan dalam variabel.

Contoh:

 
let sapa = function(nama) {
console.log("Halo " + nama);
};

sapa("Andi");
 

7. Arrow Function (Fungsi Modern)

Penulisan fungsi yang lebih singkat.

Contoh:

 
const tambah = (a, b) => {
return a + b;
};
 

Versi lebih singkat:

 
const tambah = (a, b) => a + b;
 

8. Fungsi Tanpa Parameter

 
function tampilkanPesan() {
console.log("Ini fungsi tanpa parameter");
}
 

9. Fungsi dengan Banyak Parameter

 
function hitungLuas(panjang, lebar) {
return panjang * lebar;
}

console.log(hitungLuas(5, 4));
 

Contoh Program Sederhana

 
<!DOCTYPE html>
<html>
<head>
<title>Fungsi JavaScript</title>
</head>
<body>

<button onclick="hitung()">Hitung</button>

<script>
function hitung() {
let a = 10;
let b = 5;
alert("Hasil: " + (a + b));
}
</script>

</body>
</html>
 

Kelebihan Menggunakan Fungsi

  • Mengurangi duplikasi kode
  • Kode lebih rapi dan terstruktur
  • Mudah digunakan kembali (reusable)
  • Mempermudah maintenance

Kesalahan Umum

  1. Lupa memanggil fungsi
  2. Tidak menggunakan return saat dibutuhkan
  3. Salah urutan parameter
  4. Nama fungsi tidak jelas

Kesimpulan

Fungsi dalam JavaScript merupakan konsep penting untuk membuat kode lebih modular dan efisien. Dengan memahami cara membuat fungsi, menggunakan parameter, serta return value, mahasiswa dapat menyusun program yang lebih terstruktur dan mudah dikembangkan. Penguasaan fungsi menjadi dasar penting sebelum masuk ke manipulasi DOM dan event handling.

Report Error